// 公用css
@import "util.less";
.com-header{
	width: 100%;
	.zoom;
	.top{
		width: 100%;
		height: 39px;
		border-bottom: 1px solid #dcdcdc;
		background: #eeeeee;
		.p-wel{
			font-size: 14px;
			color: #808080;
			line-height: 39px;
			float: left;
		}
		.right{
			float: right;
			height: 15px;
			margin-top: 12px;
			a{
				float: left;
				display: block;
				height: 100%;
				border-right: 1px solid #808080;
				&:last-child{
					border-right: none;
				}
				&:hover{
					p{
						color: #fe7e01;
						text-decoration: underline;
					}
				}
				p{
					font-size: 14px;
					color: #808080;
					line-height: 15px;
					padding: 0 8px;
				}
			}
		}
	}
	.mid{
		width: 100%;
		.zoom;
		background: #fff;
		.logo-a{
			display: block;
			width: 234px;
			height: 94px;
			margin: 22px 0 42px;
			float: left;
			img{
				display: block;
				width: 100%;
				height: 100%;
			}
		}
		.mid-txt{
			display: block;
			float: left;
			width: 392px;
			margin: 52px 0 0 166px;
		}
		.mid-tel{
			display: block;
			float: right;
			width: 270px;
			margin-top: 50px;
		}
	}
	.down{
		width: 100%;
		height: 48px;
		background: #0d67bd;
		a{
			display: block;
			width: 12.5%;
			height: 100%;
			text-align: center;
			line-height: 48px;
			color: #fff;
			font-size: 16px;
			float: left;
		}
		.a-act{
			background: #fe7e01;
		}
	}
}
.index-banner{
	width: 100%;
	.zoom;
	.swiper-container1{
		width: 100%;
		.zoom;
		.swiper-slide{
			width: 100%;
			.zoom;
			img{
				display: block;
				width: 100%;
			}
		}
		.swiper-pagination1{
			bottom: 65px;
			.swiper-pagination-bullet{
				width: 36px;
				height: 6px;
				background: #cccccc;
				border-radius: 0;
				opacity: 1;
			}
			.swiper-pagination-bullet-active{
				background: #fe7e01;
			}
		}
	}
}
.index-banner-m{
	width: 100%;
	height: 156px;
	.swiper-container1{
		width: 100%;
		height: 100%;
		.swiper-slide{
			width: 100%;
			height: 100%;
			img{
				display: block;
				width: 100%;
				height: 100%;
			}
		}
		.swiper-pagination1{
			bottom: 12px;
			.swiper-pagination-bullet{
				width: 18px;
				height: 2px;
				background: #cccccc;
				border-radius: 0;
				opacity: 1;
			}
			.swiper-pagination-bullet-active{
				background: #fe7e01;
			}
		}
	}
}
.floor{
	width: 100%;
	.zoom;
}

.com-footer{
	.top{
		background: #186ebf;
		.box{
			margin-top: 28px;
			margin-bottom: 22px;
			.top-nav{
				width: 100%;
				height: 40px;
				.list{
					display: block;
					width: 160px;
					height: 100%;
					float: left;
					margin-right: 8px;
					background: #065cad;
					text-align: center;
					line-height: 36px;
					.boz;
					border-top: 3px solid #065cad;
				}
				.list-act{
					border-color: #fe7e01;
					color: #fe7e01;
					background: #2a82d5;
				}
			}
			.down-box{
				width: 100%;
				.zoom;
				background: #2a82d5;
				.item{
					width: 100%;
					.zoom;
					display: none;
					.cont{
						padding: 22px 10px;
						.zoom;
						a{
							margin: 5px 7px;
							font-size: 14px;
							color: #fff;
							float: left;
							display: block;
						}
					}
				}
				.item-act{
					display: block;
				}
			}
		}
	}
	.down{
		border-top: 1px solid #707070;
		margin-top: 15px;
		margin-bottom: 10px;
		.nav{
			width: 100%;
			height: 18px;
			margin-top: 30px;
			.list{
				width: 12.5%;
				float: left;
				height: 18px;
				.boz;
				border-right: 2px solid #333333;
				text-align: center;
				&:last-child{
					border-right: none;
				}
				a{
					text-align: center;
					line-height: 18px;
					color: #333;
					font-weight: bold;
				}
			}
		}
		p{
			font-size: 14px;
			color: #666;
			text-align: center;
			padding-top: 12px;
		}
	}
}
@media (min-width: 640px) {
	.gotop{
		width: 66px;
		height: 66px;
		border: 2px solid #b5b5b5;
		background: #ddedfb;
		position: fixed;
		bottom: 100px;
		z-index: 999999;
		right: 40px;
		cursor: pointer;
		img{
			width: 28px;
			display: block;
			margin: auto;
			margin-top: 10px;
		}
		p{
			font-size: 14px;
			color: #fe7e01;
			text-align: center;
			padding-top: 12px;
		}
	}
	.com-page{
		width: 100%;
		height: 80px;
		background: #ededed;
		.boz;
		border: 1px solid transparent;
		margin-bottom: 70px;
		.cont{
			display: table;
			height: 28px;
			margin: auto;
			margin-top: 26px;
			a{
				display: block;
				height: 26px;
				border: 1px solid #fe7e01;
				float: left;
				margin: 0 1px;
				&:hover{
					background: #0d67bd;
					border-color: #0d67bd;
					p{
						color: #fff;
					}
				}
				p{
					font-size: 14px;
					color: #fe7e01;
					line-height: 26px;
					padding: 0 8px;
				}
			}
			.a-act{
				background: #0d67bd;
				border-color: #0d67bd;
				p{
					color: #fff;
				}
			}
		}
	}
}
@media (max-width: 639px) {
	.gotop{
		width: 52px;
		height: 52px;
		border: 1px solid #b5b5b5;
		background: #ddedfb;
		position: fixed;
		bottom: 58px;
		z-index: 999999;
		right: 8px;
		cursor: pointer;
		img{
			width: 20px;
			display: block;
			margin: auto;
			margin-top: 10px;
		}
		p{
			font-size: 12px;
			color: #fe7e01;
			text-align: center;
			padding-top: 8px;
		}
	}
	.com-page{
		width: 100%;
		height: 50px;
		background: #ededed;
		.boz;
		border: 1px solid transparent;
		margin-bottom: 30px;
		.cont{
			display: table;
			height: 28px;
			margin: auto;
			margin-top: 11px;
			a{
				display: block;
				height: 26px;
				border: 1px solid #fe7e01;
				float: left;
				margin: 0 1px;
				&:hover{
					background: #0d67bd;
					border-color: #0d67bd;
					p{
						color: #fff;
					}
				}
				p{
					font-size: 14px;
					color: #fe7e01;
					line-height: 26px;
					padding: 0 8px;
				}
			}
			.a-act{
				background: #0d67bd;
				border-color: #0d67bd;
				p{
					color: #fff;
				}
			}
		}
	}
}
@media (min-width: 640px) {
	.com-dzl{
		width: 100%;
		height: 44px;
		border-bottom: 1px solid #b5b5b5;
		margin-top: 36px;
		margin-bottom: 46px;
		img{
			display: block;
			float: left;
		}
		p{
			float: left;
			padding-left: 6px;
			padding-top: 14px;
			color: #666;
			font-size: 16px;
			a{
				color: #666;
			}
		}
	}
}
@media (max-width: 639px) {
	.com-dzl{
		width: 100%;
		height: 44px;
		border-bottom: 1px solid #b5b5b5;
		margin-top: 36px;
		margin-bottom: 46px;
		display: none;
		img{
			display: block;
			float: left;
		}
		p{
			float: left;
			padding-left: 6px;
			padding-top: 14px;
			color: #666;
			font-size: 16px;
			a{
				color: #666;
			}
		}
	}
}

.detail-title{
	text-align: center;padding-top: 20px;
	h2{
		color: #005bac; line-height: 2em
	}
	p{
		color: #666;font-size: 14px
	}
}